<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet/less" href="./css/style.less">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet/less" href="./css/Services.less">
</head>

<body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">Tour</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

                <ul class="nav navbar-nav navbar-right">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="Dropdown.html">Dropdown</a></li>
                    <li><a href="Services.html">Services</a></li>
                    <li><a href="Contact.html">Contact Us</a></li>

                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>

    <div class="head">
        <div class="text-center">
            <h1>Our Services</h1>
            <p class="far">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
                there live the blind texts.</p>
        </div>
    </div>

    <div class="city">
        <div class="text-center">
            <div class="mylist">
                <div class="item">
                    <div class="cityImg"><img src="./image/hero-slider-2.jpg" alt=""></div>
                    <div class="cityName">Excellence in Travel</div>
                    <div class="cityPrice">Far far away, behind the word mountains, far from the countries Vokalia and
                        Consonantia, there live the blind texts.</div>
                </div>
                <div class="item">
                    <div class="cityImg"><img src="./image/hero-slider-3.jpg" alt=""></div>
                    <div class="cityName">Discovering Best</div>
                    <div class="cityPrice">Far far away, behind the word mountains, far from the countries Vokalia and
                        Consonantia, there live the blind texts.</div>
                </div>
                <div class="item">
                    <div class="cityImg"><img src="./image/hero-slider-4.jpg" alt=""></div>
                    <div class="cityName">A New Moments of Life</div>
                    <div class="cityPrice">Far far away, behind the word mountains, far from the countries Vokalia and
                        Consonantia, there live the blind texts.</div>
                </div>
                <div class="item">
                    <div class="cityImg"><img src="./image/hero-slider-5.jpg" alt=""></div>
                    <div class="cityName">Joy To Your Journey</div>
                    <div class="cityPrice">Far far away, behind the word mountains, far from the countries Vokalia and
                        Consonantia, there live the blind texts.</div>
                </div>
            </div>
            <div class="list">
                <div class="items">
                    <div class="house"><img src="./image/hero-slider-2.jpg" alt=""></div>
                    <div class="title">Beautiful Condo</div>
                    <div class="body">Even the all-powerfull Pointing has no control about the blind texts.
                    </div>
                </div>
                <div class="items">
                    <div class="house"><img src="./image/hero-slider-3.jpg" alt=""></div>
                    <div class="title">Easy to Connect</div>
                    <div class="body">Even the all-powerful Pointing has no control about the blind texts.
                    </div>
                </div>
                <div class="items">
                    <div class="house"><img src="./image/hero-slider-4.jpg" alt=""></div>
                    <div class="title">Restaurants & Cafe</div>
                    <div class="body">Even the all-powerful Pointing has no control about the blind texts.
                    </div>
                </div>
                <div class="items">
                    <div class="house"><img src="./image/hero-slider-5.jpg" alt=""></div>
                    <div class="title">24/7 Support</div>
                    <div class="body">Even the all-powerful Pointing has no control about the blind texts.
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="Tours">
        <div class="text-center">
            <div class="row">
            <div class="col-lg-6 col-sm-9 col-md-9">
                <div class="lbt">
                    <img src="./image/person_2.jpg" alt="">
                </div>
            </div>
            <div class="About col-lg-6 col-sm-8 col-md-8 titleLeft">
                <div class="title">About Tours</div>
                <div class="body">
                    Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live
                    the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large
                    language ocean.
                </div>
                <div class="body">
                    A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
                </div>
                <ul>
                    <li>Outdoor recreation activeties</li>
                    <li>Airlines</li>
                    <li>Car Rentals</li>
                    <li>Cruise Lines</li>
                    <li>Hotels</li>
                    <li>Railways</li>
                    <li>Travel Insurance</li>
                    <li>Packge Tours</li>
                    <li>Insurance</li>
                    <li>Guide Books</li>
                </ul>
            </div>
        </div>
        </div>
    </div>

    <div class="cta-section">
        <div class="text-center">
            <div class="US-now">Lets you Explore the Best. Contact Us Now</div>
            <div class="excepturi">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, fugit?</div>
            <div class="GetTouch">Get in touch</div>
        </div>
    </div>

    <div class="foot">
        <div class="text-center">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-6 cont">
                    <div class="Tour">About Tour</div>
                    <div class="Far">Far far away, behind the word mountains, far from the countries Vokalia and
                        Consonantia, there live the blind texts.</div>
                    <div class="icon">
                        <img src="./image/推特(twitter)_爱给网_aigei_com.png" alt="">
                        <img src="./image/脸谱网(facebook)_爱给网_aigei_com.png" alt="">
                        <img src="./image/照相机_爱给网_aigei_com.png" alt="">
                    </div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-6 cont">
                    <div class="item">Pages</div>
                    <div class="item">Blog</div>
                    <div class="item">About</div>
                    <div class="item">Contact</div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-6 cont">
                    <div class="item">Resources</div>
                    <div class="item">Blog</div>
                    <div class="item">About</div>
                    <div class="item">Contact</div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 cont">
                    <div class="item">Contact</div>
                    <div class="hunhe yx">mail@example.com</div>
                    <div class="hunhe dh">+1 222 212 3819</div>
                    <div class="hunhe dz">43 Raymouth Rd. Baltemoer,London 3910</div>
                </div>
            </div>
            <div class="innerDark">Copyright ©2023. All Rights Reserved. — Designed with love by Untree.co</div>
        </div>
    </div>
</body>

</html>
<script src="./js/jquery-1.12.4.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/less-4.1.3.js"></script>
<script src="./js/swiper-bundle.min.js"></script>